import { Metadata } from 'next'
import { news } from '@/data/news'
import NewsCard from '@/components/NewsCard'

export const metadata: Metadata = {
  title: '新闻中心 - 富强包装制品有限公司',
  description: '包装行业新闻资讯、公司动态、产品信息',
}

export default function NewsPage() {
  return (
    <div className="py-16">
      <div className="container mx-auto px-4">
        <div className="max-w-6xl mx-auto">
          <h1 className="text-3xl font-bold text-gray-900 mb-8">新闻中心</h1>

          {/* 分类导航 */}
          <div className="flex gap-4 mb-8">
            <button className="px-4 py-2 rounded-full bg-primary text-white">
              全部
            </button>
            <button className="px-4 py-2 rounded-full bg-gray-100 text-gray-600 hover:bg-gray-200">
              行业新闻
            </button>
            <button className="px-4 py-2 rounded-full bg-gray-100 text-gray-600 hover:bg-gray-200">
              公司新闻
            </button>
            <button className="px-4 py-2 rounded-full bg-gray-100 text-gray-600 hover:bg-gray-200">
              产品资讯
            </button>
          </div>

          {/* 新闻列表 */}
          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
            {news.map((item) => (
              <NewsCard key={item.id} news={item} />
            ))}
          </div>
        </div>
      </div>
    </div>
  )
}
